import React, { forwardRef } from "react"
import Base from "./Base"
/**
 * @param {object} props
 * @param {React.RefObject} [props.ref]
 * @param {boolean} [param.blockquote] 长引用
 * @param {boolean} [param.bold] 粗体
 * @param {'primary' | 'secondary' | 'success' | 'error' | 'warning'} [param.type] 文本类型
 * @param {boolean} [param.disabled] 禁用状态
 * @param {boolean} [param.delete] 删除线样式
 * @param {boolean} [param.underline] 下划线样式
 * @param {boolean | { color: string }} [param.mark] 标记样式
 * @param {'default' | 'close'} [param.spacing] 段落的的行高，长文本(大于5行)的时候推荐使用默认行高，短文本(小于等于3行)推荐使用 close 紧密的行高。
 * @param {'primary' | 'secondary' | 'success' | 'error' | 'warning'} [props.type] 	文本类型
 * @param {string|string[]} [props.className] 节点类名
 * @param {React.CSSProperties} [props.style] 节点样式
 * @param {boolean | (text:string,e) => void} [param.copyable] 开启复制功能
 * @param {boolean | (text:string) => void} [param.editable] 开启可编辑功能
 * @returns {React.ReactNode}
 */
const ParagraphComponent = (props, ref) => {
    const { spacing, ...rest } = props
    return <Base componentType="Paragraph" spacing={spacing} {...rest} ref={ref} />
}
const Paragraph = forwardRef(ParagraphComponent)
Paragraph.displayName = "Paragraph"
export default Paragraph